<div class='wrap-radio' ng-controller='RadioEveningIndex'>
    <div class='box-banner'>
        <img ng-src='{{radioInfo.banner}}'>
    </div>
    <div class='box-tip'>
        <!-- <span class='number'>{{listenCount}}</span>个孩子正在豆宝晚间的陪伴下，养成了早起的好习惯。 -->
        我已连续陪伴孩子<span class='number'>{{checkInfo.keep_days}}</span>天，送Ta更健康的睡眠
    </div>
    <div class='box-purchase'>
        <button class='am-btn am-btn-block' ng-click='purchase_vip()' 
            style='background-color: #1b3556; color: #FFF;'>
            为孩子延期
        </button>
    </div>
    <div class='box-part no-gap evening-radio'>
        <div class='title no-border'>{{radioInfo.title}}</div>
        <div class='box-audio aplayer aplayer-a' id='box-audio'></div>
    </div>

    <div class='box-part no-gap evening-radio'>
        <div class='title no-border'>{{radioInfo.title_ii}}</div>
        <div class='box-audio aplayer aplayer-a' id='box-audio-ii'></div>
    </div>

    <div class='box-hidden'>
        <div class='content' ng-if='radioInfo.show_content' ng-bind-html='parentWill'></div>
        <div class='button' ng-click='radioInfo.show_content = 1' ng-if='!radioInfo.show_content'>
            家长必读 <i class='fa fa-angle-double-down'></i>
        </div>
        <div class='button' ng-click='radioInfo.show_content = 0' ng-if='radioInfo.show_content'>
            收起 <i class='fa fa-angle-double-up'></i>
        </div>
    </div>
    
    <div class='box-vip-tip'>
        会员剩余天数：<span class='red'>{{surVipDays}}天</span>
        <!-- <button class='am-btn am-btn-success am-btn-xs am-btn-radius'>邀请好友</button> -->
        <span class='am-badge am-badge-success' ng-click='share()'><i class='fa fa-share'></i>邀请好友</span>
    </div>

    <div class='box-last-radio'>
        <div class='title'>往期节目</div>
        <div class='tips' ng-if='userInfo.vip_level == 10'>
            订阅豆宝365电台，可以查看往期节目！
        </div>
        <div class='list' ng-if='userInfo.vip_level != 10 && userInfo.vip_level > 0'>
            <div class='item am-g am-g-collapse' ng-repeat='item in storyList'>
                <div class='aplayer' id='aplayer-{{item.id}}'></div>
            </div>
            <div class='load-more-b' ng-click='load_more()' ng-if='!isEnd'>
                <span ng-if='!loading'>加载更多</span>
                <span ng-if='loading'>加载中...</span>
            </div>
        </div>
    </div>
    <div style='height: 30px'></div>
    
    <div class='am-modal modal-check'>
        <div class='am-modal-dialog'>
            <div class='am-modal-bd'>
                <div class='content'>
                    <img src='../image/radio/modal-check-evening-bg.png' class='bg'>
                    <div class='check-days'>{{checkInfo.format_keep_days}}</div>
                    <img src='../image/radio/modal-check-btn.png' class='btn' data-am-modal-close>
                </div>
            </div>
        </div>
    </div>
</div>
